<template>
	<div class="wallet-item h-[58px] pr-[20px] pl-[11px] flex items-center rounded-[10px]">
		<base-image v-if="type" :src="`wallet-type/${type}.png`" class="h-6 mr-2"></base-image>
		<div :class="[{ 'text-t-1': isLink }, 'text-t-3']">{{ title }}</div>
		<div class="flex-1"></div>
		<slot>
			<div class="text-t-3">{{ value }}</div>
			<base-icon v-if="isLink" class="ml-[5px] text-t-2" name="go"></base-icon>
		</slot>
	</div>
</template>

<script lang="ts" setup>
import { BaseImage, BaseIcon } from '@/components/base'

defineProps({
	type: {
		type: Number
	},
	title: {
		type: String,
		default: ''
	},
	value: {
		type: [Number, String],
		default: ''
	},
	isLink: {
		type: Boolean,
		default: false
	}
})
</script>
<style lang="scss" scoped></style>
